<?php
	$label="Guardar";
	$dir="guardar_usuario";
	
?>
<style>
	.k-multiselect {
		display: inline-block;
	}
</style>
<form name="formu" id="formu" style="max-width: 600px;" method="post" action="<?php echo base_url(); ?>index.php/usuarios/<?php echo $dir;?>" >
  	<input type="hidden" id="id" name="id" value="<?=$id_usuario?>"/>

<br><br><br>
	<fieldset>      
        <legend align='left'>Información del usuario</legend>
         <p>
            <label for="usuario" id="lusuario">Usuario </label>
             <input type="text" tabindex="1" id="usuario" name="usuario" />
        </p>  
         <p>
            <label for="email" id="lemail">Correo </label>
             <input type="text" tabindex="2" id="email" name="email" />
        </p>  
          <p>
              <label for="pass2" id="lpass2">Contraseña</label>
              <input type="password" tabindex="3" id="pass2" name="pass2" />
          </p>
         <p>
              <label for="pass3" id="lpass3">Confirmacion de Contraseña</label>
              <input type="password" tabindex="4" id="pass3" name="pass3" />
          </p>
        <p>
            <label for="departamento" id="ldepartamento">Departamento Academico </label>
				<select id="departamento" name="departamento" class="tam-1">
					<option value="0"> Ninguno</option>
          <?php
              foreach ($d as $val) {
            ?>
            <option value="<?php echo $val['id_departamento'] ?>"
                <?php if($id_departamento==$val['id_departamento']){echo "selected";} ?> >
              <?php echo $val['nombre'] ?></option>
            <?php } ?>
					
				</select>
        </p>

          <p>
            <label for="tipo" id="ltipo">Tipo </label>
				<select id="tipo" name="tipo" class="tam-2">
					<option value="1" >Administrador UPS</option>
					<option value="2" >Academica</option>
          <option value="3" >Subunidad</option>
				</select>
        </p>
        
	</fieldset>
    
    <p style='text-align: center;'>
        <button type="submit" id="aprobar" class="button tam-1 boton_validador" name="aprobar"><?=$label?></button>
    </p>
</form>

<script>
    
      $("#usuario").validacion({
        lonMin: 5,
        lonMax: 40
      });
      $("#email").validacion({
        lonMin: 5,
        lonMax: 40,
        valCorreo: true
      });

    $("#pass2").validacion({       
        men: "Por favor ingrese su contraseña",
        lonMin: 5
     });
    $("#pass3").validacion({       
        lonMin: 5        
     }); 
     $("#pass3").blur(function() {
        if ($('#pass2').val()!=$('#pass3').val()) {
                var mensaje="";
         $('#pass3').stop()
                $('#pass3').animate({ left: "-10px" }, 100).animate({ left: "10px" }, 100)
                $('#pass3').animate({ left: "-10px" }, 100).animate({ left: "10px" }, 100)
                $('#pass3').animate({ left: "0px" }, 100)

                $('#pass3').removeClass('correct').removeClass('correct2').addClass('required');            
                mensaje="<span class='mensaje-tooltip'><img src='"+base_url()+"img/error.png' width='12' width='12'/> Las contraseñas no coinciden</span><br/>";                

        }else{
                $('#pass3').removeClass('required').addClass("correct");


        }
      });

       $("#departamento").kendoDropDownList();
       $("#tipo").kendoDropDownList();
</script>
